---
title: ImageMapLayer RenderingRule
description: Display an Image Service from ArcGIS Online or ArcGIS Server and apply a rendering rule to dynamically modify the display of the raster dataset. Rendering rules are created using a pre-defined set of <a href="http://resources.arcgis.com/en/help/arcgis-rest-api/#/Raster_function_objects/02r3000000rv000000/">raster functions</a> contained in the ArcGIS Server 10 REST API. This example shows a raster image generated from raw LIDAR (Light Detection and Ranging) data rendered with a hillshade. More information about Image Services can be found in the <a href="/esri-leaflet/api-reference/layers/image-map-layer.html">L.esri.ImageMapLayer</a> documentation.
layout: example.hbs
---

<div id="map"></div>

<script>
    var renderingRule = {
        "rasterFunction":"Hillshade",
        "rasterFunctionArguments": {
            "Azimuth":215,
            "Altitude":60,
            "ZFactor":1
        },"variableName":"DEM"
    };

    var map = L.map('map').setView([33.741114, -116.184826], 17);

    L.esri.basemapLayer('Imagery').addTo(map);

    L.esri.imageMapLayer({
      url: 'https://sampleserver3.arcgisonline.com/ArcGIS/rest/services/Earthquakes/SanAndreasLidar/ImageServer',
      renderingRule: renderingRule,
      useCors: false
    }).addTo(map);

</script>
